@media only screen and (max-width:768px) {
	body,html{
		width: 100%;
		height: 100%;
		/* background-color: pink; */
		padding: 0;
		margin: 0;
	}
	body{
		background-image: url(../img/bg.gif);
	}
	p{
		text-indent: 2em;
	}
	a{
		text-decoration: none;
		color: #000;
	}
	#begin{
		display: flex;
		height: 100%;
		width: 100%;
		top: 0;
		z-index: 10;
		background-color: #fff;
		position: absolute;
		animation: logoOut 2s 2s;
		animation-fill-mode: forwards;
	}

	#indexLogo{
		margin: auto;
	}
	#logoimg{
		display: block;
		margin: auto;
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		animation: fadeIn 2.5s;
		animation-fill-mode: forwards;
	}
	#mainBody{
		height: 100%;
		width: 100%;
	}
	
	#headerimg{
		max-width: 100%;
		max-height: 100%;
	}
	
	#StartLogo{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		max-width: 100%;
		max-height: 100%;
		opacity:0.85;
		animation:fadeIn 2s , StartLogoOut 1s 1.5s;
		animation-fill-mode: forwards;
	}
	#maininfo{
		margin-top: 50%;
		opacity: 0;
		animation: fadeIn 1s 2.5s;
		animation-fill-mode: forwards;
	}
	#title{
		width: 80%;
		margin: auto;
	}
	.department{
		position: relative;
		float: left;
		max-width: 50%;
		max-height: 100%;
		margin-top: 10%;
	}
	#joinUs{
		position: relative;
		width: 60%;
		margin: auto;
		bottom: -30px;
		clear: both;
	}
	#joinImg{
		float: left;
		max-width: 25%;
		max-height: 25%;
		animation: Xrotate 1.5s infinite linear;
	}
	span{
		position: relative;
		font-size: 38px;
	}
	/* 进入时logo出现的动画 */
	@keyframes fadeIn{
		from{opacity: 0;}
		to{opacity: 1;}
	}
	/* 进入时logo退出的动画 */
	@keyframes logoOut{
		from{}
		to{top:-100%}
	}
	/* 首页中StartLogo退出的动画 */
	@keyframes StartLogoOut{
		from{}
		to{opacity: 0;display: none;}
	}
	@keyframes Xrotate{
		from{}
		50%{transform: rotateX(90deg);}
		to{transform: rotateX(180deg);}
	}
}